import React,{Component} from 'react';
import { Row, Col } from 'antd';
import Lang from './Lang';
import './contact.less';
const prefix = "contact";
class Contact extends Component{
    render(){
        let colEle = Lang.map((value,index)=>{
            return(
                <Col key={index} span={8}>
                    <h3 className={prefix+"-title"}>{value.title}</h3>
                    <p className={prefix+"-con-way"}>{value.phone}</p>
                    <p className={prefix+"-con-way"}>{value.email}</p>
                    <Row className={prefix+"-code-container"}>
                        <Col span={7}>
                            <img src={value.img} alt=""/>
                        </Col>
                        <Col span={17}>
                            <h3>{value.title}</h3>
                            {value.summary.map((list,key)=>{
                                return(
                                    <p key={key}>{list}</p>
                                )
                            })}
                        </Col>
                    </Row>
                </Col>
            )
        });
        return(
            <div className={prefix}>
                <div className={prefix+'-container'}>
                    <Row className={prefix+"-row"}>
                        {colEle}
                    </Row>
                </div>
            </div>
        )
    }
};
export default Contact;